<html>
<head>
<title>Remake de Fruity Frank - Version 0.02</title>
<style type="text/css">
span {
	font-family: 'Courier New';
	font-size: 10pt;
	color: #000000;
}
.SpanClass0 {
	color: #808080;
}
.SpanClass3 {
	color: #008080;
}
.SpanClass5 {
	font-weight: bold;
	color: #0000FF;
}
.SpanClass7 {
	color: #808080;
}
.SpanClass10 {
	font-weight: bold;
	color: #000080;
}
.SpanClass11 {
}
</style>
</head>
<body bgcolor="#FFFFFF">
<h2>Remake (parcial) de Fruity Frank... 02 - Mostrar fondo y personaje</h2>
<p align="right">(Volver al <a href="doc.html">&iacute;ndice</a>) </p>
<p>En un juego real no existe s&oacute;lo la imagen de fondo. T&iacute;picamente existir&aacute; tambi&eacute;n al menos un personaje que se mueva por ella. Hoy vamos a dibujar ese personaje...</p>

<p>En primer lugar, hacemos una copia de la imagen de fondo inicial, la que mostraba tanto la pantalla de fondo del juego como nuestro personaje (o incluso dos copias, si queremos conservar el original). En una de las im&aacute;genes borramos el personaje, de modo que s&oacute;lo se vea realmente el fondo. En la otra &quot;recortamos&quot; el personaje, eliminando todo lo dem&aacute;s (usando cualquier editor gr&aacute;fico, como por ejemplo XnView). Ambas im&aacute;genes deben estar en formato BMP. Por ejemplo, el fondo podr&iacute;a ser &quot;fondo.bmp&quot; y el personaje podr&iacute;a ser &quot;personaje1.bmp&quot; (el 1 es porque m&aacute;s adelante tendremos m&aacute;s de una imagen del personaje, para dar impresi&oacute;n de movimiento).</p>

<p>Una vez preparadas las im&aacute;genes, los cambios a realizar en nuestro &quot;juego.cpp&quot; son m&iacute;nimos:</p>

<ul>
  <li>Declararemos la variable que representar&aacute; la imagen del personaje: SDLA_Imagen* personaje;
  <li>Cargaremos esa imagen desde fichero: personaje=SDLA_cargarImagen(&quot;personaje1.bmp&quot;);</li>
  <li>Y la dibujaremos en la pantalla oculta, en ciertas coordenadas (por ejemplo, x=300, y=100), antes de mostrar &eacute;sta: SDLA_dibujarImagenOculta(personaje,300,100);</li>
</ul>

<p>Es decir, el fuente ser&iacute;a algo como:</p>

<pre><code>#include &quot;SDL_ASI.h&quot;

int main (int argc, char** argv)
{
    SDLA_inicializar(640,480,24);

    SDLA_Imagen* fondoPantalla;
    SDLA_Imagen* personaje;
    fondoPantalla=SDLA_cargarImagen(&quot;fondo.bmp&quot;);
    personaje=SDLA_cargarImagen(&quot;personaje1.bmp&quot;);

    SDLA_dibujarImagenOculta(fondoPantalla,0,0);
    SDLA_dibujarImagenOculta(personaje,300,100);
    SDLA_visualizarOculta();

    SDLA_esperarTecla();
    return 0;
}</code></pre>
<p>Pero ese personaje todav&iacute;a no se mueve... Por pocas horas, en la pr&oacute;xima entrega s&iacute; lo har&aacute;.</p>

<p>Para ver todo el proyecto en conjunto: <a href="http://code.google.com/p/fruityfrank"> code.google.com/p/fruityfrank</a></p>
<p align="right">(Volver al <a href="doc.html">&iacute;ndice</a>) </p>
</body>
</html>
